<template>
	<view>
		<topbar :settings="settings"></topbar>
		<view class="content">
				<Chat></Chat>
		</view>
			<button  type="primary" class="addstyle" @click="addFriend()">+</button>
	</view>
</template>

<script>
	import Chat from './components/chat.vue'
	export default {
		components:{
			Chat
		},
		data() {
			return {
				settings:{
					title:'好友交流',
					backgroundColor:'pink',
				},
			};
		},
		methods:{
			// 跳转到添加好友页面
			addFriend(){
				uni.navigateTo({
					url:'/pages/addfriend/addfriend'
				})
			}
		}
	}
</script>

<style lang="scss">
.content{
	width: 100%;
	position: absolute;
	top: 180rpx;
}
.addstyle{
	border-radius: 90rpx;
	width: 90rpx;
	height: 90rpx;
	position: relative;
	top: 1200rpx;
	right: -300rpx;
	z-index: 9999;
}
</style>
